<div class="navbar-header">
	<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
		<span class="sr-only">Toggle navigation</span>
		<span class="icon-bar"></span>
		<span class="icon-bar"></span>
		<span class="icon-bar"></span>
	</button>
	<a class="navbar-brand" href="#">CakePHP Template v1.0</a>
</div>
<ul class="nav navbar-top-links navbar-right">
	<li class="dropdown">
		<a class="dropdown-toggle" data-toggle="dropdown" href="#">
			<i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
		</a>
		<ul class="dropdown-menu dropdown-messages">
			<li>
				<a href="#">
					<div>
						<strong>谷歌公司</strong>
                            <span class="pull-right text-muted">
                                <em>昨天</em>
                            </span>
					</div>
					<div>总部：美国加利福尼亚州圣克拉拉县山景市，市值：$3683.10亿</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a href="#">
					<div>
						<strong>苹果公司</strong>
                                <span class="pull-right text-muted">
                                    <em>昨天</em>
                                </span>
					</div>
					<div>总部：美国加利福尼亚州库比蒂诺市，市值：$7414.33亿</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a href="#">
					<div>
						<strong>微软公司</strong>
                                <span class="pull-right text-muted">
                                    <em>昨天</em>
                                </span>
					</div>
					<div>总部：美国华盛顿州雷德蒙市，市值：$3732.22亿</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a class="text-center" href="#">
					<strong>查看所有信息</strong>
					<i class="fa fa-angle-right"></i>
				</a>
			</li>
		</ul>
	</li>
	<li class="dropdown">
		<a class="dropdown-toggle" data-toggle="dropdown" href="#">
			<i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
		</a>
		<ul class="dropdown-menu dropdown-tasks">
			<li>
				<a href="#">
					<div>
						<p>
							<strong>任务 1</strong>
							<span class="pull-right text-muted">40% 完成</span>
						</p>

						<div class="progress progress-striped active">
							<div class="progress-bar progress-bar-success"
							     role="progressbar" aria-valuenow="40"
							     aria-valuemin="0" aria-valuemax="100" style="width: 40%">
								<span class="sr-only">40% 完成 (success)</span>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a href="#">
					<div>
						<p>
							<strong>任务 2</strong>
							<span class="pull-right text-muted">20% 完成</span>
						</p>

						<div class="progress progress-striped active">
							<div class="progress-bar progress-bar-info"
							     role="progressbar" aria-valuenow="20"
							     aria-valuemin="0" aria-valuemax="100" style="width: 20%">
								<span class="sr-only">20% 完成</span>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a href="#">
					<div>
						<p>
							<strong>任务 3</strong>
							<span class="pull-right text-muted">60% 完成</span>
						</p>

						<div class="progress progress-striped active">
							<div class="progress-bar progress-bar-warning"
							     role="progressbar" aria-valuenow="60"
							     aria-valuemin="0" aria-valuemax="100" style="width: 60%">
								<span class="sr-only">60% 完成 (warning)</span>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a href="#">
					<div>
						<p>
							<strong>任务 4</strong>
							<span class="pull-right text-muted">80% 完成</span>
						</p>

						<div class="progress progress-striped active">
							<div class="progress-bar progress-bar-danger"
							     role="progressbar" aria-valuenow="80"
							     aria-valuemin="0" aria-valuemax="100" style="width: 80%">
								<span class="sr-only">80% 完成 (danger)</span>
							</div>
						</div>
					</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a class="text-center" href="#">
					<strong>查看所有任务</strong>
					<i class="fa fa-angle-right"></i>
				</a>
			</li>
		</ul>
	</li>
	<li class="dropdown">
		<a class="dropdown-toggle" data-toggle="dropdown" href="#">
			<i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
		</a>
		<ul class="dropdown-menu dropdown-alerts">
			<li>
				<a href="#">
					<div>
						<i class="fa fa-comment fa-fw"></i> 最新评论
						<span class="pull-right text-muted small">4分钟以前</span>
					</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a href="#">
					<div>
						<i class="fa fa-twitter fa-fw"></i> 3个新粉丝
						<span class="pull-right text-muted small">12分钟以前</span>
					</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a href="#">
					<div>
						<i class="fa fa-envelope fa-fw"></i> 新消息
						<span class="pull-right text-muted small">5分钟以前</span>
					</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a href="#">
					<div>
						<i class="fa fa-tasks fa-fw"></i> 新任务
						<span class="pull-right text-muted small">3分钟以前</span>
					</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a href="#">
					<div>
						<i class="fa fa-upload fa-fw"></i> 服务重启
						<span class="pull-right text-muted small">30分钟以前</span>
					</div>
				</a>
			</li>
			<li class="divider"></li>
			<li>
				<a class="text-center" href="#">
					<strong>查看所有提示</strong>
					<i class="fa fa-angle-right"></i>
				</a>
			</li>
		</ul>
	</li>
	<li class="dropdown">
		<a class="dropdown-toggle" data-toggle="dropdown" href="#">
			<i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
		</a>
		<ul class="dropdown-menu dropdown-user">
			<li><a href="/users/profile"><i class="fa fa-user fa-fw"></i> 个人简介</a>
			</li>
			<li><a href="/users/setting"><i class="fa fa-gear fa-fw"></i> 个人设置</a>
			</li>
			<li class="divider"></li>
			<li><a href="/logins/logout"><i class="fa fa-sign-out fa-fw"></i> 退出系统</a>
			</li>
		</ul>
	</li>
</ul>
